<template>
    <div class="information">
        <h3> 个人信息 </h3>
        <div> 姓名: {{ username }} </div>
        <div> 年纪: {{ age }} </div>
        <div> 是否单身: {{ isSingle }} </div>
        <div> 座驾: {{ car.brand }} </div>
        <div> 兴趣爱好: {{ hobby.join(',') }} </div>

    </div>
</template>
<script>
export default{
    props: {
        username: String,
        age: {
            type: Number,
            require: true, //是否为必填值
            default: 19,//为默认值
            /* validator:{
            //自定义校验逻辑
            return 是否通过校验 
            } */
        },
        hobby: Array,
        car: Object,
        isSingle: String
        /* props 校验 类型校验 */
    }
}
</script>
<style>
.information{
    border:2px solid black ;
}
</style>